<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">


	<h:panelGroup id="datos" >		
		<div >
			<div style="text-align:right;" class="panel-formulario"  >			
				<p:panelGrid style="width: 100%" >			
					<p:row>
						<p:column colspan="4">
							<div class="nombreSubBloque">
								<h:outputLabel value="Datos del cliente " />
							</div>
						</p:column>
					</p:row>
					
					<p:row>
						<p:column >
							<h:outputLabel styleClass="label-general"
								value="Cliente:" />
						</p:column >
						<p:column colspan="3">
							<h:outputText styleClass="label-general" value="#{cotizacionController.usuarioCliente.cliente.nombre}" />
						</p:column>
					</p:row>
					
					<p:row>
						<p:column >
							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaRuc.nombre}: "/>
						</p:column>
						<p:column>
							<h:outputText value="#{cotizacionController.usuarioCliente.cliente.ruc}"/>
						</p:column>
						<p:column >
							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaDocumentoIdentidad.nombre}: " />					
						</p:column>
						<p:column>
							<h:outputText  value="#{cotizacionClienteController.usuarioCliente.cliente.dni}"/>
						</p:column>
					</p:row>
				
					<p:row>
						<p:column colspan="4">
							<div class="data" >
								
							</div>
						</p:column>
					</p:row>
				
					<p:row>
						<p:column colspan="4">
							<div class="nombreSubBloque">
								<h:outputLabel value="Datos del usuario" />
							</div>
						</p:column>
					</p:row>
					
					<p:row>				
						<p:column>
							<h:outputLabel  styleClass="label-general" value="Nombres:( * )" />
						</p:column>
						<p:column>
							<p:inputText id="nombresUsuario" maxlength="50" value="#{cotizacionController.usuario.nombres}" 
								title="Nombres" required="true" requiredMessage="Nombres: Requerido." >
								<f:validator validatorId="alfanumericoValidator" />
								<f:attribute name="campo" value="Nombres" />
								<p:ajax update="msgNombresUsuario" />				
							</p:inputText>
						</p:column>
						
						<p:column>
							<h:outputLabel styleClass="label-general" value="Apellidos:( * )" />
						</p:column>
						<p:column>
							<p:inputText id="apellidosUsuario" maxlength="50" value="#{cotizacionController.usuario.apellidos}"
								title="Apellidos" required="true" requiredMessage="Apellidos: Requerido.">
								<f:validator validatorId="alfanumericoValidator" />
								<f:attribute name="campo" value="Apellidos" />
								<p:ajax update="msgApellidosUsuario" />
							</p:inputText>							
						</p:column>
					</p:row>
					
					<p:row>
						<p:column>
							<h:outputLabel styleClass="label-general" value="Tipo doc.:" />
						</p:column>
						
						<p:column>
							<p:selectOneMenu
								value="#{cotizacionController.tipoDocumento.idTipoDocumento}">
								<f:selectItems var="tipoDoc"
									value="#{cotizacionController.listaTipoDocumentos}"
									itemLabel="#{tipoDoc.nombre}"
									itemValue="#{tipoDoc.idTipoDocumento}" />
							</p:selectOneMenu>
						</p:column>
							
						<p:column>
							<h:outputLabel styleClass="label-general" value="Nro. documento:( * )" /> 
						</p:column>
						
						<p:column>
							<p:inputText id="numeroDocumento" maxlength="10" required="true" requiredMessage="Nro. Documento: Requerido."
								value="#{cotizacionController.usuarioCliente.numeroDocumento}"
								title="Numero de documento">
								<f:validator validatorId="alfanumericoValidator"></f:validator>
								 <f:attribute name="campo" value="Nro. Documento" />
								<p:ajax  update="msgnumeroDocumento" />
							</p:inputText>
						</p:column>
					</p:row>
					
					<p:row>
						<p:column>
							<h:outputLabel styleClass="label-general" value="Correo:" />
						</p:column>
						
						<p:column>
							<p:inputText id="correo" maxlength="50"
								value="#{cotizacionController.usuario.correo}" title="Correo">
								<f:validator validatorId="emailValidator"></f:validator>
								<f:attribute name="campo" value="correo" />
								<p:ajax update="msgcorreo" />							
							</p:inputText>
						</p:column>
						
						<p:column>
							<h:outputLabel styleClass="label-general" value="Cargo:( * )" /> 
						</p:column>
						
						<p:column>
							<p:inputText id="cargo" value="#{cotizacionController.usuarioCliente.cargo}"
								title="Cargo" required="true" maxlength="50" requiredMessage="Cargo: Requerido" >
								<f:validator validatorId="alfanumericoValidator"></f:validator>
								<f:attribute name="campo" value="Cargo" />
								<p:ajax update="msgcargo" />
							</p:inputText>
						</p:column>
					</p:row>
					
					<p:row>
						<p:column>
							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono1.nombre}:( * * )" />
						</p:column>
						
						<p:column>
							<p:inputText id="telefonoFijo" maxlength="10"
								value="#{cotizacionController.usuarioCliente.telefonoFijo}"
								title="tel&#233;fono fijo">
								<f:validator validatorId="telefonoValidator"></f:validator>			
							</p:inputText>
						</p:column>
						
						<p:column>
							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono2.nombre}:( * * )" />
						</p:column>
						
						<p:column>
							<p:inputText id="rpc" maxlength="10"
								value="#{cotizacionController.usuarioCliente.telefonoRpc}"
								title="RPC">
								<f:validator validatorId="telefonoValidator"></f:validator>								
							</p:inputText>
						</p:column>
					</p:row>
					
					<p:row>
						<p:column>
							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono3.nombre}:( * * )" />
						</p:column>
						
						<p:column>
							<p:inputText id="rpm" maxlength="10"
								value="#{cotizacionController.usuarioCliente.telefonoRpm}"
								title="RPM">
								<f:validator validatorId="telefonoValidator"></f:validator>
							</p:inputText>
						</p:column>
						
						<p:column>
							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono4.nombre}:( * * )" />
						</p:column>
						
						<p:column>
							<p:inputText id="nextel" maxlength="10"
								value="#{cotizacionController.usuarioCliente.telefonoNextel}"
								title="Nextel">
								<f:validator validatorId="telefonoValidator"></f:validator>								 
							</p:inputText>
						</p:column>
					</p:row>
					
					<p:row>							
						<p:column colspan="1">
							<h:outputLabel styleClass="label-general" value="Cambiar contrase&#241;a" />							
						</p:column>
						
						<p:column colspan="3">
							<p:selectBooleanCheckbox id="checkbox"
								value="#{cotizacionController.cambiarContrasenia}">
								<p:ajax event="change"
									update="contraseniaUsuario,repetirContraseniaUsuario" />
							</p:selectBooleanCheckbox>
						 </p:column>						
					</p:row>
					
					<p:row>
						<p:column>
							<h:outputLabel  styleClass="label-general" value="Contrase&#241;a:" />
						</p:column>
						
						<p:column>
							<p:password id="contraseniaUsuario"
								disabled="#{!cotizacionController.cambiarContrasenia}"
								value="#{cotizacionController.usuario.contrasenia}"
								feedback="true" promptLabel="Ingrese una contrase&#241;a"
								weakLabel="Poco segura" title="Contrase&#241;a"
								required="true" requiredMessage="Contrase&#241;a: Requerida."
								goodLabel="Aceptable" strongLabel="Segura">
								<p:ajax update="msgcontraseniaUsuario" />
							</p:password>
						</p:column>
						
						<p:column>
							<h:outputLabel styleClass="label-general" value="Repetir contrase&#241;a:" />
						</p:column>
						
						<p:column>
							<p:password id="repetirContraseniaUsuario"
								disabled="#{!cotizacionController.cambiarContrasenia}"
								value="#{cotizacionController.repetirContrasenia}"
								title="Repita la contrase&#241;a"
								required="true" requiredMessage="Contrase&#241;a: Requerida.">
								<p:ajax update="msgRepetirContraseniaUsuario" />
							</p:password>
						</p:column>
					</p:row>
				</p:panelGrid>
			</div>
			
			<p:spacer height="15"/>
			<h:outputLabel styleClass="label-general"  value="( * ) Datos obligatorios" />							
			<h:outputLabel styleClass="label-general" value="( * * ) Se debe ingresar al menos uno de los datos" />
			<p:spacer height="5"/>
		
			<h:panelGroup id="bloqueDatosUsuario">	
				<p:spacer height="10"/>								
				<div class="bloque">	
					<div  align="center" >
						<p:spacer height="25"/>
						<p:commandButton value="Guardar" ajax="true" styleClass="butonSmall"  action="#{cotizacionController.actualizarDatosContacto}"  process="datos"
					   		oncomplete="abrirAlertaSiCorreoVacio(xhr, status, args, wvConfirmacionEdicion )" update=":tabGeneral:formDatosGenerales:panelConfirmacionEdicion,:growl" />
					   	<p:spacer width="5"/> 
					   	<p:commandButton value="Deshacer" ajax="true" styleClass="butonSmall"  action="#{cotizacionController.recargarDatos}"
					   		 update="datos,:growl" process="@this"/>							
					</div>
					<div class="panelMessages">
						<p:message id="msgNombresUsuario" for="nombresUsuario" />
						<p:message id="msgApellidosUsuario" for="apellidosUsuario" />
						<p:message id="msgnumeroDocumento" for="numeroDocumento" />					
						<p:message id="msgcargo" for="cargo" />		
						<p:message id="msgcorreo" for="correo" />					
			            <p:message id="msgcontraseniaUsuario" for="contraseniaUsuario" />
						<p:message id="msgRepetirContraseniaUsuario" for="repetirContraseniaUsuario" />            
					</div>				
				</div>
			</h:panelGroup>	
		</div>			
	</h:panelGroup>
	
	
	<p:dialog id="dlgConfirmacionEdicion"   widgetVar="wvConfirmacionEdicion" closable="true" header="Editar datos"
		 modal="true" resizable="false" >
		 <p:ajax event="close" listener="#{cotizacionController.iniciarVerificoCorreo}"/> 		 
		 <h:panelGroup id="panelConfirmacionEdicion">		 
		 	<div align="center">								
				<h:outputLabel value="&#191;Est&#225; seguro de no ingresar su correo? " />
				<p:spacer height="5" />			
				<h:outputLabel style="text-align:center;" value=" &#161;Es importante para contactarlo!" />
			</div>			
			<div class="panel-botones">
				<p:commandButton value="SI" process="@this, bloqueDatosUsuario" update="bloqueDatosUsuario, :growl" 
					action="#{cotizacionController.actualizarDatosContacto}"   icon="ui-icon ui-icon-close"
					styleClass="butonSmall" oncomplete="wvConfirmacionEdicion.hide()" />
				<p:spacer width="5"/>	
				<p:commandButton value="No" icon="ui-icon ui-icon-close" process="@this" 
					action="#{cotizacionController.iniciarVerificoCorreo}" 
					styleClass="butonSmall" oncomplete="wvConfirmacionEdicion.hide()" />						
			</div>			
		</h:panelGroup>
	</p:dialog>
	
</ui:composition>